/**
 * create by marchen
 * time at 2015/3/20
 * marchen style
 */
//  * =========================================================== *
//  <                            Marchen                          >
//  * =========================================================== *
/******************************************* 小工具 *********************************************/
//长单词强制换行
.wrap() {
  text-wrap: wrap;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}
//文字溢出省略号表示
.text-autocut {
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-overflow:ellipsis;
  -khtml-text-overflow: ellipsis;
  -icab-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
/******************************************* 各种移动端bug修复 **********************************/

//去掉手持设备点击时出现的透明层(一般在头部做格式化)
.delete-highlight(transparent){
  a,button,input{
    -webkit-tap-highlight-color: transparent; /* For some Androids */
    tap-highlight-color: transparent;
  }
}
.delete-highlight(@_,@color:rgba(0,0,0,0)){
  a,button,input{
    -webkit-tap-highlight-color: @color;
    tap-highlight-color: @color;
  }
}

//长按页面时不触发系统菜单
.no-callout(){
  html,body {
    -webkit-touch-callout: none;
    touch-callout: none;
  }
}

//长按无法选择文本,不弹出复制，粘贴等选项
.no-user-select(){
  html,body {
    -webkit-user-select: none;
    user-select: none;
  }
}

//web字体 字体名称 string  字体文件目录 string
//.font-face("cheri-webfont","../fonts");
//html,body {
//	font-family: 'cheri-webfont'',@{base-font}';
//}
//去掉点击（触摸）高光
//.delete-highlight(rgba(1,1,10,5));
//.delete-highlight(transparent);
//长按页面时不触发系统菜单
//.no-callout();
//长按无法选择文本,不弹出复制，粘贴等选项
//.no-user-select();


///******************************************* 全站变量定义 ****************************************/
// 常用颜色定义
@text-grey: #666666;   //常用用于一般文字,底色一般为白色或者浅灰
@text-title-grey: #444444; //常用于标题,底色白色或者浅灰
@bg-grey: #EDEDED;    //常用于背景,淡灰色
@border-grey:#C2C2C2;    //常用于边框颜色
@hot-red: #fb4343;    //热点颜色
@button-grey: #e9e7ef;    //银白,一般按钮颜色
@button-blue: #3eede7;    //碧蓝,按钮颜色,一般用作登录按钮
@button-red: #ff2d51;    //火红,一般用作删除等危险操作

//欢迎补充更多颜色

a {
  text-decoration: none;
  color: inherit;
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
//清除浮动
.clearfix {
  zoom: 1;
  &:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
  }
}